import React, { Component } from 'react';
import '../Public/reset.css'
import '../Public/iconfont.css'
import './home_nav.scss'

class home_nav extends Component {
    render() {
        return (
            <div className="homeNav">
                <ul className="home-nav-ul">
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                           <img src="https://fuss10.elemecdn.com/2/35/696aa5cf9820adada9b11a3d14bf5jpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>甜品饮品</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                           <img src="https://fuss10.elemecdn.com/0/da/f42235e6929a5cb0e7013115ce78djpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>商超便利</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                         <img src="https://fuss10.elemecdn.com/b/7e/d1890cf73ae6f2adb97caa39de7fcjpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>美食</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                         <img src="https://fuss10.elemecdn.com/d/38/7bddb07503aea4b711236348e2632jpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>简餐</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                           <img src="https://fuss10.elemecdn.com/a/fa/d41b04d520d445dc5de42dae9a384jpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>新店特惠</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                           <img src="https://fuss10.elemecdn.com/3/84/8e031bf7b3c036b4ec19edff16e46jpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>准时达</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                           <img src="https://fuss10.elemecdn.com/d/49/7757ff22e8ab28e7dfa5f7e2c2692jpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>预订早餐</p>
                        </div>
                    </li>
                    <li className="home-nav-item">
                        <div className="home-nav-icon">
                           <img src="https://fuss10.elemecdn.com/e/7e/02b72b5e63c127d5bfae57b8e4ab1jpeg.jpeg" alt=""/>
                        </div>
                        <div className="home-nav-title">
                            <p>土豪推荐</p>
                        </div>
                    </li>

                </ul>

            </div>
        );
    }
}

export default home_nav;
